<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册页面--填写基础信息</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/common.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/login/login.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery/jquery.validate.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/login/login.js"></script>
<script type="text/javascript">
	$(function() {
		//注册的form验证
		var v = checkLoginForm();
		$("#submit_").click(function() {
			if (v.form()) {
				if ($("#ido").attr("checked") == "checked") {
					$("#registerform").submit();
				} else {
					alert("你还没同意条款！");
				}

			}
		});
		//验证从第一个页面跑到第二个页面的条件，以及样式的改变
		$("#next").click(
				function() {
					if ($("#niname").valid() && $("#password").valid()
							&& $("#repassword").valid() && $("#url").valid()) {
						$("#jichuxinxi").removeClass("show");
						$("#jichuxinxi").addClass("hide");
						$("#lianxixinxi").removeClass("hide");
						$("#lianxixinxi").addClass("show");

						if ($("#yonghushenfen").val() == 1) {
							$(".business").show();
							$(".weibozhu").hide();
						} else {
							$(".business").hide();
							$(".weibozhu").show();
						}
						$("#shenfen").hide();
						$($("#now_next div").get(0)).removeClass("now")
								.addClass("next");
						$($("#now_next div").get(1)).removeClass("next")
								.addClass("now");

					}

				});
	});

	//重新加载验证码
	function loadimage() {
		document.getElementById("randImage").src = "${pageContext.request.contextPath}/common/image.jsp?"
				+ Math.random();
	}
	//选择注册人的身份
	function checkthis(shenfen) {
		$("#yonghushenfen").val("value",shenfen);
	}
</script>
<style type="text/css">
.select {
	height: 20px;
}
</style>
</head>
<body>
	<div class="maincontent">
		<div class="content">
			<div id="top">
				<%@include file="common/header.jsp"%>
				<%@include file="common/daohang_index.jsp"%>
			</div>
			<div id="weizhi_">
				<span>当前位置：</span><span><a href="#this">博主资源</a></span><span><a
					href="#this">查看微博博主</a></span>
			</div>
			<div id="shenfen">
				<input type="radio" name="yhsf" value="1" checked="checked"
					onclick="javascript:checkthis('1')"> 我市企业用户 <input
					type="radio" name="yhsf" value="2"
					onclick="javascript:checkthis('2')"> 我是微博主
				<!-- 					<input -->
				<!-- 					type="radio" name="yhsf" value="3" -->
				<!-- 					onclick="javascript:checkthis('3')"> 我是博主经纪人 -->
			</div>
			<div id="Login_main">
				<div id="now_next">
					<div class="now">
						<span>1.填写基础信息</span>
					</div>
					<div class="next">
						<span>2.填写联系信息</span>
					</div>
					<div class="next">
						<span>3.成功注册</span>
					</div>
				</div>
				<div class="fenge_line"></div>
				<div>
					<form action="${pageContext.request.contextPath}/UserServerlet.do"
						id="registerform" name="registerform" method="post">
						<input type="hidden" value="1" name="yonghushenfen"
							id="yonghushenfen" />
						<div class="show" id="jichuxinxi">
							<table width="auto" height="auto" border="0">
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80" class="input_title">昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：</td>
									<td><input type="text" name="niname" size="40" id="niname"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80">&nbsp;</td>
									<td class="input_text">请输入4-50个字符（英文、中文、数字）</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80" class="input_title">登录密码：</td>
									<td><input type="password" name="password" id="password"
										size="40" class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80">&nbsp;</td>
									<td class="input_text">密码由6-22位字母和数字组成，字母区分大小写</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80" class="input_title">重复密码：</td>
									<td><input type="password" name="repassword" size="40"
										id="repassword" class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80">&nbsp;</td>
									<td class="input_text">请再输入一遍密码</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="90" class="input_title">公司网址：</td>
									<td><input type="text" name="url" size="40" id="url"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80">&nbsp;</td>
									<td class="input_text">请输入您的微博地址</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="80">&nbsp;</td>
									<td width="90"><INPUT id="next" type="button"
										style="width: 100px;" value="下一步"></td>
									<td>&nbsp;</td>
								</tr>
							</table>
						</div>
						<div class="hide" id="lianxixinxi">
							<table width="auto" height="auto" border="0">
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">公司名称：</td>
									<td><input type="text" name="gongsi" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td width="300" class="input_text">为了确保服务质量，请您如实填写公司全称</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">您的姓名：</td>
									<td><input type="text" name="xingming" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td width="300" class="input_text">为了方便身份核实，请您填写真实姓名</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">您的行业：</td>
									<td><span><select name="hangye">
												<option value="">请选择您从事的行业</option>
												<option value="qiche">汽车</option>
												<option value="hangkong">航空</option>
												<option value="fuzhuan">服装</option>
												<option value="jiaoyu">教育</option>
												<option value="yinshi">饮食</option>
												<option value="IT">IT</option>
												<option value="guanggao">广告</option>
												<option value="yingshi">影视</option>
										</select></span></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">请选择您从事的行业</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">您的职位：</td>
									<td><input type="text" name="zhiwei" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td width="300" class="input_text">请填写有效信息</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">手&nbsp;&nbsp;&nbsp;&nbsp;
										机：</td>
									<td><input type="text" name="shouji" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">请填写有效信息</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">座&nbsp;&nbsp;&nbsp;&nbsp;
										机：</td>
									<td><input type="text" name="zuoji" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="business">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">请填写有效信息</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">邮&nbsp;&nbsp;&nbsp;&nbsp;
										箱：</td>
									<td><input type="text" name="email" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">用于找回密码，请填写常用邮箱，建议使用网易邮箱！</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">所在地区：</td>
									<td><input type="text" name="address" size="40"
										class="input"></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">请填写有效信息</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">可接受的订单类型：</td>
									<td><span class="input_title"><input type="radio"
											name="jiedan_type" value="buxian" checked="checked" />不限</span> <span
										class="input_title"><input type="radio"
											name="jiedan_type" value="yingguang" />硬广</span> <span
										class="input_title"><input type="radio"
											name="jiedan_type" value="ruanguang" />软广</span></td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">接单时间：</td>
									<td><span class="input_title"><input type="radio"
											name="jiedan_time" value="zhouwu" checked="checked" />周一至周五均可
									</span> <span class="input_title"><input type="radio"
											name="jiedan_time" value="zhouri" />周一至周日均可 </span></td>
									<td class="input_title">请选择工作时间段: <span
										class="input_title"> <select name="starttime">
												<option value="all">全天</option>
												<option value="00">00点</option>
												<option value="01">01点</option>
												<option value="02">02点</option>
												<option value="03">03点</option>
												<option value="04">04点</option>
												<option value="05">05点</option>
												<option value="06">06点</option>
												<option value="07">07点</option>
												<option value="08">08点</option>
												<option value="09">09点</option>
												<option value="10">10点</option>
												<option value="11">11点</option>
												<option value="12">12点</option>
												<option value="13">13点</option>
												<option value="14">14点</option>
												<option value="15">15点</option>
												<option value="16">16点</option>
												<option value="17">17点</option>
												<option value="18">18点</option>
												<option value="19">19点</option>
												<option value="20">20点</option>
												<option value="21">21点</option>
												<option value="22">22点</option>
												<option value="23">23点</option>
										</select>
									</span> 至 <span class="input_title"> <select name="endtime">
												<option value="all">全天</option>
												<option value="00">00点</option>
												<option value="01">01点</option>
												<option value="02">02点</option>
												<option value="03">03点</option>
												<option value="04">04点</option>
												<option value="05">05点</option>
												<option value="06">06点</option>
												<option value="07">07点</option>
												<option value="08">08点</option>
												<option value="09">09点</option>
												<option value="10">10点</option>
												<option value="11">11点</option>
												<option value="12">12点</option>
												<option value="13">13点</option>
												<option value="14">14点</option>
												<option value="15">15点</option>
												<option value="16">16点</option>
												<option value="17">17点</option>
												<option value="18">18点</option>
												<option value="19">19点</option>
												<option value="20">20点</option>
												<option value="21">21点</option>
												<option value="22">22点</option>
												<option value="23">23点</option>
										</select>
									</span></td>
								</tr>
								<tr class="weibozhu">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">请设置您接受并执行订单的时间段</td>
									<td>&nbsp;</td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title">验 证 码：</td>
									<td><span><input type="text" name="check_code"
											size="40" class="input" id="check_code" /></span></td>
									<td><span class="input_title"
										style="text-decoration: underline; display: block; float: left;"><img
											id="randImage"
											src="${pageContext.request.contextPath}/common/image.jsp?" +Math.random()/></span><span
										class="changecode" onclick="javascript:loadimage();">换一张？
									</span></td>
								</tr>
								<tr class="common">
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td class="input_text">输入正确的验证码</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="120" class="input_title"><input type="checkbox"
										id="ido" name="rongyi" checked="" />我同意<a href="#">服务条款</a></td>
									<td>&nbsp;</td>
									<td></td>
								</tr>
								<tr>
									<td width="200">&nbsp;</td>
									<td width="120">&nbsp;</td>
									<td width="90"><INPUT id="submit_" type="button"
										style="width: 100px;" value="提交"></td>
									<td>&nbsp;</td>
								</tr>
							</table>
						</div>
				</div>
				</form>
			</div>
			<div id="bottom">
				<%@include file="common/footer.jsp"%>
			</div>

		</div>
	</div>
</body>
</html>